<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{#$title#}</title>
<meta http-equiv="X-UA-Compatible" content="IE=7">


<link href="{#$QISHI.site_template#}css/common.css" rel="stylesheet" type="text/css" />
<link href="{#$QISHI.site_template#}css/user.css" rel="stylesheet" type="text/css" />
<script src="http://api.map.baidu.com/api?key={#$QISHI.map_key#}&v=1.0&services=true" type="text/javascript"></script>
<script language="javascript">
var company_map_x="{#$company_profile.map_x#}";//
if (company_map_x=="")
{
g_blnCheckUnload = true;
}
else
{
g_blnCheckUnload = false;
}
  function RunOnBeforeUnload() {
     if (g_blnCheckUnload) {window.event.returnValue = '您還沒有儲存過你的具體位置';   
     }  
  }
</script>
<body  onbeforeunload="RunOnBeforeUnload()">
{#include file="header.htm"#}
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-top:8px;" >
  <tr>
    <td width="208" valign="top" class="link_bk">
	{#include file="member_company/company_left.htm"#}
	</td>
    <td valign="top">
      <table width="100%" border="0" cellpadding="4" cellspacing="0" bgcolor="#FFFFFF"  class="user_right_box">
<tr>
          <td height="22" colspan="2" class="user_right_box_bg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td><span class="right_top_tit" style="padding-left:15px;">設置電子地圖</span></td>
                <td class="link_lan" align="right"><a href="?">管理首頁</a></td>
              </tr>
          </table>            </td>
        </tr>
		        <tr>
          <td width="82%" height="30" bgcolor="#FFFFFF" class="link_lan"  style="padding-left:20px; color: #009900;">請選擇您的具體位置，然后點擊右側“在地圖上標記我的位置”。            </td>
<td width="18%" bgcolor="#FFFFFF" class="link_lan"  style="padding-left:20px; color: #009900;">
<form action="?act=company_map_set_save" method="post"  style="padding:0px; margin:0px;" id="form1" name="form1" onclick="g_blnCheckUnload=false;"><input type="submit" name="Submit" value="儲存我的位置"  style="padding:3px; font-size:12px;" > <input name="x" type="hidden" id="x"><input name="y" type="hidden" id="y"><input name="zoom" type="hidden" id="zoom">
</form>
</td>
</tr>
<tr>
<td colspan="2"  bgcolor="#FFFFFF" >
<div style="width:735px;height:500px;border:3px solid  #CCCCCC;  margin:0 auto; cursor:" id="container"></div>
<script type="text/javascript">
var map = new BMap.Map("container");
//假如已經設置了標注
var opts = {   
  width : 250,     // 信息窗口寬度   
  height: 80,     // 信息窗口高度   
  title : "{#$company_profile.companyname#}"  // 信息窗口標題   
}
var infoWindow = new BMap.InfoWindow("{#$company_profile.address#}", opts);  // 創建信息窗口對象 
//假如有設置的，顯示參數
{#if $company_profile.map_open=='1' && $company_profile.map_x && $company_profile.map_y#}
var point = new BMap.Point({#$company_profile.map_x#}, {#$company_profile.map_y#});
map.centerAndZoom(point, {#$company_profile.map_zoom#}); 
var qs_marker = new BMap.Marker(point);        // 創建標注   
map.addOverlay(qs_marker);  
map.openInfoWindow(infoWindow,point);      // 打開信息窗口  
document.getElementById("x").value={#$company_profile.map_x#}; 
document.getElementById("y").value= {#$company_profile.map_y#}; 
document.getElementById("zoom").value=  {#$company_profile.map_zoom#}; 
{#else#}
var point = new BMap.Point({#$QISHI.map_center_x#}, {#$QISHI.map_center_y#});
map.centerAndZoom(point, {#$QISHI.map_zoom#}); 
{#/if#}
map.addControl(new BMap.NavigationControl());//添加魚骨
map.enableScrollWheelZoom();//啟用滾輪放大縮小，默認禁用。
var myPushpin = new BMap.PushpinTool(map,{
cursor : "crosshair"  
});   // PushpinTool創建標注工具實例
myPushpin.addEventListener("markend", function(e){//添加題地圖監控
// 打開信息窗口
map.openInfoWindow(infoWindow,e.marker.getPoint());   
document.getElementById("x").value=e.marker.getPoint().lng; 
document.getElementById("y").value= e.marker.getPoint().lat; 
document.getElementById("zoom").value= map.getZoom(); 
//alert(map.getZoom());//地圖縮放級別
//map.zoomIn();地圖放大一個級別
//alert("您標注的位置：" + e.marker.getPoint().lng + ", " + e.marker.getPoint().lat);
//打開提示層
});
//myPushpin.setIcon(icon:Icon);
// 定義一個控件類，即function   
function ZoomControl(){   
  // 設置默認停靠位置和偏移量   
  this.defaultAnchor = BMAP_ANCHOR_TOP_RIGHT;   
  this.defaultOffset = new BMap.Size(10, 10);   
}   
  
// 通過JavaScript的prototype屬性繼承于BMap.Control   
ZoomControl.prototype = new BMap.Control();   
  
// 自定義控件必須實現自己的initialize方法，并且將控件的DOM元素返回   
// 在本方法中創建個div元素作為控件的容器，并將其添加到地圖容器中   
ZoomControl.prototype.initialize = function(map){   
  // 創建一個DOM元素   
  var div = document.createElement("div");   
  // 添加文字說明   
  div.appendChild(document.createTextNode("在地圖上標記我的位置"));   
  // 設置樣式   
  div.style.cursor = "pointer";   
  div.style.padding = "6px"; 
  div.style.color = "#FFFFFF"; 
  div.style.border = "1px solid #990000";   
  div.style.backgroundColor = "#FF6600";   
  div.onclick = function(e){ 
  map.clearOverlays();//清楚地圖上所有覆蓋物
  myPushpin.open();//打開標注工具
  }   
  // 添加DOM元素到地圖中   
  map.getContainer().appendChild(div);   
  // 將DOM元素返回   
  return div;   
}   
  
// 創建控件   
var myZoomCtrl = new ZoomControl();   
// 添加到地圖當中   
map.addControl(myZoomCtrl); 
</script> </td>
        </tr>
	  </table>
    </td>
  </tr>
</table>
</body>
</html>
